[#ftl]
[@define "agile.MetadataStylesEditorPane" "agile.MetadataEditorTabPane"]
	category:"styles"
	,title:"Styles"
	,metadataEntry:"style"
	,templateString:"<div style='width:100%;height:100%'>[#--<div style='width:100%;' class='simpleEditorContainer'></div>--]<div class='editorContainer' data-dojo-type='dijit/layout/TabContainer' data-dojo-props=\"style:'width:100%;height:100%;',tabPosition:'top'\"></div></div>"
	,elementConfig:{
		"genernal":lang.mixin({},agile.BoxMetadata,{})   
		,"background":lang.mixin({},agile.BackgroundMetadata,{})
		,"text":lang.mixin({},agile.TextStyleMetadata,{})	   
	   ,"border":lang.mixin({},agile.BorderMetadata,{})
	   ,"animation":lang.mixin({},agile.AnimationMetadata,{})
	   ,"transform":lang.mixin({},agile.TransformMetadata,{})
//	   ,"pseudo":lang.mixin({},agile.PseudoMetadata,{})
//	  [#-- ,"theme":lang.mixin({},agile.ThemeMetadata,{})--]
	}
[/@] 